/**
 * 手写实现MyPromise源码
 * 尽可能还原Promise中的每一个API，并通过注释的方式描述思路和原理
 */

/*
  1. promise核心逻辑
  2. 异步逻辑
  3. then方法多次调用
  4. then方法链式调用
  5. then方法返回自身抛出循环调用异常
  6. 错误捕捉(执行器函数、then回调函数)
  7. then方法参数可选
  8. Promise.all
  9. Promise.resolve
  10. finally
  11. catch
  12. Promise.race
 */

const PENDING = 'pending' // 等待
const FULFILLED = 'fulfilled' // 成功
const REJECTED = 'rejected' // 失败

class MyPromise {
  // 1.1 new MyPromise时立即执行的执行器函数
  constructor (executor) {
    // 6.1 执行器函数错误捕捉
    try {
      executor(this.resolve, this.reject)
    }catch (e) {
      this.reject(e)
    }
  }
  status = PENDING // 1.2 初始化为等待状态
  value = undefined // 1.3 成功的值
  reason = undefined // 1.4 失败的原因
  // successCallback = undefined
  // failCallback = undefined
  successCallback = []
  failCallback = [] // 3.1 then方法可以多次调用，初始化成功回调和失败回调为空数组

  resolve = value => {
    if (this.status !== PENDING) return // 1.5 状态不为等待直接返回
    this.status = FULFILLED // 1.6 状态变为成功
    this.value = value // 1.7 保存成功的值
    // this.successCallback && this.successCallback(this.value) // 2.2 成功回调函数存在则调用成功回调函数，并传入成功的值
    while(this.successCallback.length) this.successCallback.shift()() // 3.3 取出成功回调函数依次执行
  }
  reject = reason => {
    if (this.status !== PENDING) return
    this.status = REJECTED // 1.8 状态变为失败
    this.reason = reason // 1.9 保存失败的原因
    // this.failCallback && this.failCallback(this.reason) // 2.3 失败回调函数存在则调用失败回调函数，并传入失败的原因
    while(this.failCallback.length) this.failCallback.shift()() // 3.4 取出失败回调函数依次执行
  }
  then (successCallback, failCallback) {
    successCallback = successCallback ? successCallback : value => value
    failCallback = failCallback ? failCallback : reason => {throw reason} // 7.1 then参数为可选参数，未传递时设定默认回调
    // 4.1 then方法可以链式调用，所以返回的也是一个promise
    const promise = new MyPromise((resolve, reject) => {
      if (this.status === FULFILLED) {
        setTimeout(() => {
          // 6.2 成功回调错误捕捉
          try {
            resolvePromise(promise, successCallback(this.value), resolve, reject) // 1.10 状态为成功时调用成功回调函数，并传入成功的值
          }catch (e) {
            reject(e)
          }
        }, 0)
      }else if (this.status === REJECTED) {
        setTimeout(() => {
          // 6.3 失败回调错误捕捉
          try {
            resolvePromise(promise, failCallback(this.reason), resolve, reject) // 1.11 状态为失败时调用失败回调函数，并传入失败的原因
          }catch (e) {
            reject(e)
          }
        }, 0)
      }else {
        // this.successCallback = successCallback
        // this.failCallback = failCallback // 2.1 MyPromise中为异步时保存成功或失败回调函数，在调用resolve或reject时再执行回调函数
        this.successCallback.push(() => {
          setTimeout(() => {
            // 6.4 异步成功回调错误捕捉
            try {
              resolvePromise(promise, successCallback(this.value), resolve, reject)
            }catch (e) {
              reject(e)
            }
          }, 0)
        })
        this.failCallback.push(() => {
          setTimeout(() => {
            // 6.5 异步失败回调错误捕捉
            try {
              resolvePromise(promise, failCallback(this.reason), resolve, reject)
            }catch (e) {
              reject(e)
            }
          }, 0)
        }) // 3.2 then方法可以多次调用，将成功或失败回调函数push到对应回调函数数组保存
      }
    })
    return promise
  }
  // 10.1 finally，无论当前promise对象成功或失败，finally中回调函数都会执行，并且可以通过then方法查看成功或失败的结果
  finally (callback) {
    return this.then(value => MyPromise.resolve(callback()).then(() => value),
      reason => MyPromise.resolve(callback()).then(() => {throw reason}))
  }
  // 11.1 为当前promise对象注册失败回调
  catch (callback) {
    return this.then(undefined, callback)
  }
  // 8.1 MyPromise.all方法，可以按异步代码调用顺序得到异步代码执行的结果
  static all (array) {
    let result = []
    let index = 0
    return new MyPromise((resolve, reject) => {
      const addData = (key, value) => {
        result[key] = value
        index++
        // 8.4 所有结果都拿到后，resolve结果数组
        if(index === array.length) resolve(result)
      }
      array.forEach((item, i) => {
        // 8.2 传递的元素如果是promise对象，则使用then方法查看状态，成功则添加到结果数组，失败直接reject原因
        if(item instanceof MyPromise) {
          item.then(value => addData(i, value), reason => reject(reason))
        }else {
          // 8.3 传递的元素如果是普通值，添加到结果数组
          addData(i, item)
        }
      })
    })
  }
  // 9.1 MyPromise.resolve方法，传递的如果是promise对象，将这个对象直接返回；传递的是普通值，则返回一个状态为成功，且参数为传递的这个值的promise对象
  static resolve (value) {
    if(value instanceof MyPromise) return value
    return new MyPromise(resolve => resolve(value))
  }
  // 12.1 MyPromise.race方法，只等待第一个结束的任务(不论成功或失败)
  static race (array) {
    return new MyPromise((resolve, reject) => {
      array.forEach(item => {
        if(item instanceof MyPromise) {
          item.then(resolve, reject)
        }else {
          resolve(item)
        }
      })
    })
  }
}
// 4.2 then方法链式调用判断返回的值是普通值还是promise对象
function resolvePromise(promise, x, resolve, reject) {
  // 5.1 then方法中返回的是自身，则抛出循环调用异常
  if(promise === x) return reject(new TypeError(('Chaining cycle detected for promise #<Promise>')))
  if (x instanceof MyPromise) {
    // 4.3 如果是promise对象通过then判断调用resolve还是reject
    x.then(resolve, reject)
  }else {
    // 4.4 普通值直接调用resolve
    resolve(x)
  }
}

let promise = new MyPromise((resolve, reject) => {
  resolve('成功')
  // reject('失败')
  // setTimeout(() => {
  //   resolve('异步')
  // }, 1000)
})
function p1 () {
  return new MyPromise((resolve, reject) => {
    setTimeout(() => {
      reject('p1')
    }, 2000)
  })
}
function p2 () {
  return new MyPromise((resolve, reject) => {
    reject('p2')
  })
}
p2().finally(() => {
  console.log('finally')
  return p1()
}).then(result => console.log(result), console.log)

MyPromise.race([p1(), p2()]).then(console.log).catch(console.log)